import ReactDOM from 'react-dom'
// 1.定义(普通函数) 首字母大写
function Header() {
  // 必须要有返回值
  return <header>头部组件</header>
}
// 箭头函数
const Footer = () => {
  return <footer>底部组件</footer>
}
// 加载组件,不渲染内容
const Loading = () => {
  const loading = true
  return loading ? <div> loading ...</div> : null
}
const App = () => {
  return (
    <>
      <Header />
      <Loading />
      <Footer />
    </>
  )
}
// 2.使用(函数名作为组件名)
ReactDOM.render(<App />, document.getElementById('root'))